<!--停场过夜分析-->
<div class="aogon">
    <el-row>
        <el-col :span="5" class="aogon-col">
            <span class="aogon-text" >总执行航班：</span>
            <span class="aogon-data" >76</span>
            <span class="aogon-unit">架次</span>
        </el-col>
        <el-col :span="5" class="aogon-col">
            <span class="aogon-text">停场过夜航班：</span>
            <span class="aogon-data">16</span>
            <span class="aogon-unit">架次</span>
        </el-col>
        <el-col :span="6" class="aogon-col">
            <span class="aogon-text">停场过夜总时长：</span>
            <span class="aogon-data">40</span>
            <span class="aogon-unit">h</span>
            <span class="aogon-data">40</span>
            <span class="aogon-unit">m</span>
        </el-col>
        <el-col :span="4" class="aogon-col">
               <span class="aogon-text">最长时长：</span>
               <span class="aogon-data">15</span>
               <span class="aogon-unit">h</span>
        </el-col>
        <el-col :span="4" class="aogon-col">
                <span class="aogon-text">最短时长：</span>
                <span class="aogon-data">3</span>
                <span class="aogon-unit">h</span>
        </el-col>

    </el-row>


    <el-row style="border-top:1px solid #03ebdf;padding-top: 30px;">
        <el-col :span="12">
            <div id="aogonTime" class="tubiao-base consume-panel" :style="{width: '100%', height: '250px'}" style="margin-left: 0px;">
            </div>
        </el-col>
        <el-col :span="12">
            <div class="center-table consume-panel">
            <el-table
                    :data="aogonRatioData"
                    height="250"
                    style="width: 100%;">
                <el-table-column label="停场过夜时长排行">
                    <el-table-column
                            align="center"
                            type="index"
                            label="排名"
                            width="100">

                    </el-table-column>
                    <el-table-column
                            align="center"
                            prop="flightNum"
                            label="航班号">
                    </el-table-column>
                    <el-table-column
                            align="center"
                            prop="time"
                            label="时长">
                    </el-table-column>
                </el-table-column>
            </el-table>
            </div>
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="12">
            <div id="aogonCause" class="tubiao-base consume-panel" :style="{width: '100%', height: '400px'}" :style="{width: '100%', height: '400px'}" style="margin-left: 0px;">
            </div>
        </el-col>
        <el-col :span="12">
            <div id="aogonAirType" class="tubiao-base consume-panel" :style="{width: '100%', height: '400px'}">
            </div>
        </el-col>
    </el-row>
</div>